<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" /> 
<title>养老就在家门口!</title>
<style>
    body{margin:0;padding:0; font-size: 0;}
    .main{width:100%;height:100%;position:absolute;}
    .main img{width:100%;height:100%;z-index:-1}
    .main a{display:inline-block;width:99%;height:99%;}
    .main .a{position:absolute;left:00%;bottom:0;width:25%;height:7%;}
    .main .b{position:absolute;left:25%;bottom:0;width:24%;height:7%;}
    .main .c{position:absolute;left:50%;bottom:0;width:25%;height:7%;}
    .main .d{position:absolute;left:75%;bottom:0;width:24%;height:7%;}
</style>
</head>
<body>
<div class=main>
    <img src='__PUBLIC__/MobileHome/images/index.jpg' />
    <div class=a><a href='http://www.xiangyangyuan.cn/index.php?m=MobileHome&c=About&a=index&id=3' target=_blank></a></div>
    <div class=b><a href='http://www.xiangyangyuan.cn/index.php?m=MobileHome&c=About&a=roomMap' target=_blank></a></div>
    <div class=c><a href='http://www.xiangyangyuan.cn/index.php?m=MobileHome&c=About&a=index&id=11' target=_blank></a></div>
    <div class=d><a href='http://www.xiangyangyuan.cn/index.php?m=MobileHome&c=About&a=index&id=5' target=_blank></a></div>
</div>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
    wx.config({
        debug: false,
        appId: "<?php echo $jssdk_config['appId']; ?>",
        timestamp: "<?php echo $jssdk_config['timestamp']; ?>",
        nonceStr: "<?php echo $jssdk_config['nonceStr']; ?>",
        signature: "<?php echo $jssdk_config['signature']; ?>",
        jsApiList: [
            'onMenuShareTimeline',
            'onMenuShareAppMessage'
        ]
    });

    wx.ready(function () {
        setShare();
    });

    //通过error接口处理失败验证
    wx.error(function (res) {
        // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
    });

    function setShare() {
        var title = '养老就在家门口!',
            desc = '向阳院长者公寓,地处徐家汇商圈,田林宾馆旁,尊享品质养老生活。',
            link = 'http://www.xiangyangyuan.cn/index.php',
            imgUrl = 'http://www.xiangyangyuan.cn/Public/MobileHome/images/share_logo.jpeg';

        wx.onMenuShareAppMessage({
            title: title, // 分享标题
            desc: desc, // 分享描述
            link: link, // 分享链接
            imgUrl: imgUrl, // 分享图标
            type: 'link', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });

        /**
         * 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
         */
        wx.onMenuShareTimeline({
            title: title, // 分享标题
            link: link, // 分享链接
            imgUrl: imgUrl, // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            fail: function (res) {
                alert(JSON.stringify(res));
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
    }
</script>
</body>
</html>